.carousel img {
  height: 100% !important;
}
@media (max-width: 992px) {
  .carousel .item {
    height: 400px;
  }
}
@media (max-width: 768px) {
  .carousel .item {
    height: 250px;
  }
}
@media (min-width: 992px) {
  .carousel .item {
    height: 500px;
  }
}
.navbar-default {
  background-color: transparent;
  border-color: transparent;
}
.navbar-default .container {
  margin-top: 30px;
}
.navbar-default .navbar-right {
  margin-top: 15px;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
  opacity: 0.6;
}
.navbar-default .navbar-nav > li:first-child > a,
.navbar-default .navbar-nav > li:nth-child(4) > a {
  color: orange;
  position: relative;
}
.navbar-default .navbar-nav > li:nth-child(4) > a::before {
  content: '';
  position: absolute;
  background-image: url(../images/fire.png);
  width: 12px;
  height: 17px;
  top: 15px;
  left: 0px;
  background-size: contain;
}
.project {
  text-align: center;
  margin-top: 40px;
  /*
        BootStrap中的栅格系统给的宽度是百分比, 各个元素百分比相加得到的100%,
            因此如果要在栅格系统中两个元素之间添加margin, 此时会使页面布局混乱,
            正确做法应该是: 使用内部元素的padding代替外部盒子之间的margin
    */
}
.project h4 {
  font-size: 30px;
  font-family: Segoe UI Light, Microsoft YaHei, Arial, Helvetica, sans-serif;
}
.project h4 i {
  margin: 0 10px;
}
.project p {
  margin-top: 20px;
  font-size: 16px;
  color: #919191;
}
.project div a {
  display: block;
  height: 200px;
  padding: 0 10px;
  background-color: skyblue;
}
